<div id="banner">
    {{banner.content || '消息' }}
</div>
<div id="chat-Widget">
    <div class="chat-item" ng-repeat="contact in hyContact | hyContactEverTalk  | orderBy:'-latestTime' track by contact.id" ng-click="chat(contact.id)">
        <div class="chat-item-icon">
            <img  ng-src="{{'assets/'+hyContact[contact.id].iconPath}}" >
            <span class="red-point" ng-show="contact.unChecked"></span>
            <span class="grey-cross" ng-hide="contact['group']||contact.online"></span>
        </div>
        <div style="float: left">
            <div class="chat-item-name">
                {{contact.nickName}}
            </div>
            <div class="chat-item-content">
                {{contact.latestTalk}}
            </div>
        </div>
    </div>
</div>
<nav class="navbar navbar-default navbar-fixed-bottom" id="navFooter" role="navigation">
    <div class="container-fluid">
        <ul class="nav">
            <li class="nav-item">
                <a href="#/">
                            <span class="icon-message" ng-class="{'active':(menu == 'chat')}">
                                      消息
                                <span class="red-point" un-checked-message ></span>
                            </span>
                </a>
            </li>
            <li class="nav-item">
                <a href="#/contact">
                            <span class="icon-people" ng-class="{'active':(menu == 'contact')}">
                                             联系人
                            </span>
                </a>
            </li>
            <li class="nav-item">
                <a href="#/config">
                            <span class="icon-me" ng-class="{'active':(menu == 'config')}">
                                           我
                            </span>
                </a>
            </li>
        </ul>
    </div>
</nav>

